<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>用户中心-上传头像</title>
		<link href="../css/base.css" rel="stylesheet" type="text/css">
		<link href="../css/toefl.css" rel="stylesheet" type="text/css">
		<script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/userinfor.js">
		</script>
	</head>
	<script>
		
	</script>

	<body>
		<div class="doc910 fn-right">
			<div class="flcb_cardMenu">
				<ul>
					<li class="on">
						<a href="###" target="infor" id="basic">基本资料</a>
					</li>
					<li >
						<a href="###" target="infor" id="teacherBasic">基本资料(教师)</a>
					</li>
					<li>
						<a href="###" target="infor" id="imgUpload">头像设置</a>
					</li>
					<li>
						<a href="###" target="infor" id="passwordChange">密码设置</a>
					</li>
				</ul>
			</div>

			<div class="userCenter" style="display: block;" id="basicContent">
				<dl>
					<dt>用户名：</dt>
					<dd><input type="text" class="userCenter_input" value="用户名"></dd>
				</dl>
				<dl>
					<dt>性别：</dt>
					<dd>
						<div class="userCenter_radio">
							<input name="sex" type="radio" value=""><span>男</span>
							<input name="sex" type="radio" value=""><span>女</span>
						</div>
					</dd>
				</dl>
				<dl>
					<dt>邮箱：</dt>
					<dd><input type="text" class="userCenter_input" value="dix1212121@163.com"></dd>
				</dl>
				<dl>
					<dt>电话：</dt>
					<dd><input type="text" class="userCenter_input" value="12345678901"></dd>
				</dl>
				<dl>
					<dt>出生日期：</dt>
					<dd>
						<select name="" class="userCenter_y">
							<option>2015</option>
							<option>2014</option>
						</select>
						<select class="userCenter_m">
							<option>12</option>
							<option>11</option>
							<option>10</option>
							<option>9</option>
							<option>8</option>
						</select>
					</dd>
				</dl>
				<dl>
					<dt>个性签名：</dt>
					<dd><textarea cols="" rows="" class="userCenter_t">最近土豪牛大了，昨晚说今天南北车还要板，今天果然又板！</textarea>
						<p class="userCenter_text">请输入2-100个字符</p>
					</dd>
				</dl>
				<dl>
					<dt></dt>
					<dd>
						<a href="###" class="userCenter_save">保存</a>
					</dd>
				</dl>
			</div>

			<div class="userCenter" style="display: none;" id="teacherBasicContent">
				<dl>
					<dt>用户名：</dt>
					<dd><input type="text" class="userCenter_input" value="用户名"></dd>
				</dl>
				<dl>
					<dt>真实姓名：</dt>
					<dd><input type="text" class="userCenter_input" value="真实姓名"></dd>
				</dl>
				<dl>
					<dt>性别：</dt>
					<dd>
						<div class="userCenter_radio">
							<input name="sex" type="radio" value=""><span>男</span>
							<input name="sex" type="radio" value=""><span>女</span>
						</div>
					</dd>
				</dl>
				<dl>
					<dt>学历：</dt>
					<dd>
						<div class="userCenter_radio">
							<input name="sc" type="radio" value=""><span>专科</span>
							<input name="sc" type="radio" value=""><span>本科</span>
							<input name="sc" type="radio" value=""><span>硕士</span>
							<input name="sc" type="radio" value=""><span>博士</span>
						</div>
					</dd>
				</dl>

				<dl>
					<dt>邮箱：</dt>
					<dd><input type="text" class="userCenter_input" value="dix1212121@163.com"></dd>
				</dl>
				<dl>
					<dt>电话：</dt>
					<dd><input type="text" class="userCenter_input" value="12345678901"></dd>
				</dl>
				<dl>
					<dt>出生日期：</dt>
					<dd>
						<input type="date" class="userCenter_input" value="">
					</dd>
				</dl>
				<dl>
					<dt>自我介绍：</dt>
					<dd><textarea cols="" rows="" class="userCenter_t">最近土豪牛大了，昨晚说今天南北车还要板，今天果然又板！</textarea>
						<p class="userCenter_text">请输入2-100个字符</p>
					</dd>
				</dl>
				<dl>
					<dt></dt>
					<dd>
						<a href="###" class="userCenter_save">保存</a>
					</dd>
				</dl>
			</div>

			<div class="userCenter" style="display: none;" id="passwordChangeContent">
				<dl>
					<dt>密码：</dt>
					<dd><input name="" type="text" class="userCenter_input"></dd>
				</dl>
				<dl>
					<dt>新密码：</dt>
					<dd><input name="" type="text" class="userCenter_input"></dd>
				</dl>
				<dl>
					<dt>确认新密码：</dt>
					<dd><input name="" type="text" class="userCenter_input"></dd>
				</dl>
				<dl>
					<dt></dt>
					<dd>
						<a href="###" class="userCenter_save">保存</a>
					</dd>
				</dl>
			</div>

			<div class="userTX" style="display: none;" id="imgUploadContent">
				<div class=" fn-clear">
					<a class="userTX_b" href="###">本地上传</a>
				</div>
				<div class="userTXPic">
					<div class="userTXPicText">仅支持JPG、PNG格式且文件小于5M</div>
					<div class="userTX_240x240"><img src="../img/240x240.png"></div>
				</div>
				<div class="userTXShow">
					<div class="fn-clear">
						<div class="userTXPicText">您上传的图片会自动生成一下三种尺寸，请观察是否清晰</div>
						<div class="userTX_150x150"><img src="../img/240x240.png"><span>150*150</span></div>
						<div class="userTX_60x60"><img src="../img/240x240.png"><span>60*60</span></div>
						<div class="userTX_30x30"><img src="../img/240x240.png"><span>30*30</span></div>
					</div>
					<div class="userTXSave">
						<a class="userTXSave" href="###">本地上传</a>
					</div>
				</div>
			</div>

		</div>

	</body>

</html>